'use client'

import * as React from 'react'
import { Button } from '@/components/ui/button'

const Navbar: React.FC = () => (
  <nav className="bg-primary py-4 px-6">
    <div className="container mx-auto flex justify-between items-center">
      <h1 className="text-white text-xl font-bold">智能灌溉系统</h1>
      <div className="flex gap-2">
        <Button variant="outline" size="sm" className="text-white border-white">
          登录
        </Button>
        <Button size="sm" className="bg-white text-primary">
          注册
        </Button>
      </div>
    </div>
  </nav>
)

export default Navbar